<template>
    <div class="commonLoad">
        <Form ref="formData" :model="formData"  :label-width="100" class="formData">
            <Row>
                <Col>
                    <FormItem label="厂商最高贴息额" class="mb0 label_font" style="font-size:16px"> 
                        <span class="commonB">{{formData.maxDisCountAmt}}</span>
                    </FormItem> 
                </Col>
            </Row>
            <Row>
                <Col v-for="(item,index) in formData.loadList" :key="index">
                     <FormItem :label="item.discountParty" class="mb0" > 
                         <div class="inline-block" v-if="item.discountAmt">
                            <Input v-model="item.discountAmt" style="width:100%" placeholder="" :readonly="readonly"/>
                            <span class="commonSpan">元</span>
                         </div>
                         <!-- <div class="oldValue"> 
                            <span>{{item.oldValue.discountAmt}}</span><b style="font-weight: normal;">元</b>
                        </div> -->
                    </FormItem> 
                </Col>
            </Row>
            <Row>
                <Col>
                    <FormItem label="客户利率" class="mb0 label_font"> 
                        <div class="inline-block" v-if="formData.newValue.custRate"  style="width:55%">
                            <Input v-model="formData.newValue.custRate" placeholder="" :readonly="readonly"/>
                            <span class="commonSpan">%</span>
                        </div>
                        <div class="oldValue">
                            <span>{{formData.oldValue.custRate}}</span><b style="font-weight: normal;">%</b>
                        </div>
                    </FormItem> 
                </Col>
            </Row>
             <Row>
                <Col>
                    <FormItem label="月供" class="mb0 label_font" > 
                        <div class="inline-block" v-if="formData.newValue.monthPay" style="width:55%">
                            <Input v-model="formData.newValue.monthPay" placeholder=""  :readonly="readonly"/>
                            <span class="commonSpan">元</span>
                        </div>
                        <div class="oldValue">
                            <span>{{formData.oldValue.monthPay}}</span><b style="font-weight: normal;">元</b>
                        </div>
                    </FormItem> 
                </Col>
            </Row>
        </Form>
    </div>
</template>
<script>
export default {
    name:"commonLoan",
    data(){
       return {
             readonly:true,
       } 
    },
    props:{
        formData:{
            type:Object,
            required:true,
        },
    },
    computed:{
       
    },
    methods:{
    }
}
</script>
<style lang="less" scoped>
.addLoan{
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
}
.addLoan i{
    width: 20px;
    height: 20px;
    background: green;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    color: white;
    font-size: 20px;
    cursor: pointer;
}
.commonB{
    font-size: 18px;
    font-weight: normal;
}
.commonSpan{
    position: absolute;
    margin-left: -16px;
}
.oldValue{
    display:inline-block;
}
</style>